﻿@model DHQGHN.PM2.ViewModels.MappingPTDTViewModel


<script type="text/javascript">
    $(function () {
        @functions{
            public string GetAntiForgeryToken()
            {
                string cookieToken, formToken;
                AntiForgery.GetTokens(null, out cookieToken, out formToken);
                return cookieToken + "," + formToken;
            }
        }
        var count = 0;
        $('.mapped').click(function () {
            var getchkid = $(this).attr('id');
            if ($('#' + getchkid).is(':checked')) {
                $('#td' + $(this).val()).css("color", "white");
                $('#td' + $(this).val()).css("background-color", "#19A3A3");
                if ($('td#chkco' + $(this).val() + ' input').val() == "0") {
                    alert('Không có hộ hết hạn Điều tra Online trong địa bàn đã chọn');
                    $('#' + getchkid).prop('checked', false);
                    $('#td' + $(this).val()).css("color", "black");
                    $('#td' + $(this).val()).css("background-color", "white");
                    event.preventdefault();
                }
                if ($('td#chkptdt' + $(this).val() + ' input').val() == "-1") {
                    alert('Địa bàn chưa được chọn Phương thức điều tra');
                    $('#' + getchkid).prop('checked', false);
                    $('#td' + $(this).val()).css("color", "black");
                    $('#td' + $(this).val()).css("background-color", "white");
                    event.preventdefault();
                }
            }
            else {
                $('#' + getchkid).prop('checked', false);
                $('#td' + $(this).val()).css("color", "black");
                $('#td' + $(this).val()).css("background-color", "white");
            }
        });

        $('#save').click(function () {

            var codeListVal = null;
            var methodListVal = null;
            codeListVal = [];
            methodListVal = [];

            $('input[name="mapped"]:checked').each(function () {
                codeListVal.push($(this).attr('value'));
                methodListVal.push($('td#chkptdt' + $(this).attr('value') + ' input').val());
            });
            $('#AREA_ID').val(codeListVal);
            $('#SURVEY_METHOD_ID').val(methodListVal);
            if (codeListVal.length == 0) {
                alert('Xin hãy chọn địa bàn');
                return false;
            }

            return confirm('Sẽ có ' + codeListVal.length + ' địa bàn được chuyển phương thức điều tra');
        });

        $('input[type=checkbox][name=checkall]').click(function () {
            if ($(this).is(':checked'))
                $('.mapped').each(function () {
                    var getchkid = $(this).attr('id');
                    if ($(this).closest('tr').children('td:eq(2)').find('input').val() != "0" && $(this).closest('tr').children('td:eq(3)').find('input').val() != "-1") {
                        $('#' + getchkid).prop('checked', true);
                    }
                });
            else
                $('.mapped').each(function () {
                    var getchkid = $(this).attr('id');
                    if ($(this).closest('tr').children('td:eq(2)').find('input').val() != "0" && $(this).closest('tr').children('td:eq(3)').find('input').val() != "-1") {
                        $('#' + getchkid).prop('checked', false);
                    }
                });
        });
    });
</script>
<style>
    th, td {
        border: 1px solid #C0C0C0;
        padding: 5px;
    }
</style>

@using (Html.BeginForm("ChangePTDTPost", "HouseHold", FormMethod.Post))
{
    @Html.AntiForgeryToken()

    @Html.ValidationSummary(true)
    @Html.HiddenFor(model => model.CODE)
    @Html.HiddenFor(model => model.AREA_ID)
    @Html.HiddenFor(model => model.SURVEY_METHOD_ID)
    <div class="row" align="center" style="padding-bottom:10px">
        <div class="col-md-12">
            <div style="font-style:italic; margin-bottom: 10px">*Chú ý: Các địa bàn "Có 0 hộ điều tra online hết hạn" và "Chưa chọn phương thức điều tra" sẽ không được chuyển phương thức điều tra</div>
            <button id="save" type="submit" class="btn btn-md" value="Lưu"><i class="fa fa-check"></i> Lưu</button>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <table id="list" style="width:100%;">
                <tr>
                    <th style="text-align:center">
                        Tất cả
                        <input type="checkbox" id="checkall" name="checkall" class="checkall" />
                    </th>
                    <th style="text-align:center">Tên địa bàn</th>
                    <th style="text-align:center">Thông tin</th>
                    <th style="text-align:center">Phương thức điều tra đã chọn</th>
                </tr>
                @foreach (var adm in @Model.AdmUnitSelected)
                {
                    var checkBoxSelected = "chk" + adm.AREA_ID;
                    var text = "td" + adm.AREA_ID;
                    var checkcount = "chkco" + adm.AREA_ID;
                    var checkptdt = "chkptdt" + adm.AREA_ID;
                    var alert = "al" + adm.AREA_ID;
                    var ptdt = "ptdt" + adm.AREA_ID;
                    <tr>
                        <td style="text-align: center" width="50px">
                            <input type="checkbox" id="@checkBoxSelected" name="mapped" class="mapped" value="@adm.AREA_ID" />
                        </td>
                        <td id="@text" width="300px" style="padding: 0px 20px 0px 20px">
                            @adm.AREA_NAME
                        </td>
                        <td id="@checkcount" hidden="hidden">
                            <input type="text" value="@adm.RECODE_COUNT">
                        </td>
                        <td id="@checkptdt" hidden="hidden">
                            <input type="text" value="@adm.SURVEY_METHOD_ID">
                        </td>
                        <td id="@alert" align="center" width="300px" style="padding: 0px 20px 0px 20px">Có @adm.RECODE_COUNT hộ hết hạn Điều tra Online</td>
                        @if (adm.SURVEY_METHOD_ID == "02")
                        {
                            <td id="@ptdt" align="center" width="300px" style="padding: 0px 20px 0px 20px">Điều tra Tablet</td>
                        }
                        else if (adm.SURVEY_METHOD_ID == "03")
                        {
                            <td id="@ptdt" align="center" width="300px" style="padding: 0px 20px 0px 20px">Điều tra Giấy</td>
                        }
                        else
                        {
                            <td id="@ptdt" align="center" width="300px" style="padding: 0px 20px 0px 20px">Chưa chọn phương thức điều tra</td>
                        }
                    </tr>

                }
            </table>
        </div>
    </div>

    <br /><br />
}